<!--
 * @Author: WLang
 * @LastEditors: WLang
 * @Description: 
 * @Date: 2023-06-25 20:40:13
 * @LastEditTime: 2023-06-27 23:21:21
 * @FilePath: \my-project\src\views\LayoutView.vue
-->
<template>
  <div class="page">
    <header-bar/>
    <router-view/>
    <footer-bar/>
  </div>
</template>

<script>
import HeaderBar from '@/components/HeaderBar.vue';

export default {
  components: { HeaderBar },
  data(){
    return {
      header: 'HeaderBar'
    }
  },
created(){},
mounted(){},
watch:{
  $route(to, from)
  {
    if (to.path !== '/index')
    {
      console.log(from, to);
      this.header = 'HeaderPage'
    }
    else
    {
      this.header = 'HeaderBar'
    }
  }
},
computed:{},
methods:{},
}
</script>
<style  scoped>
  @import "../assets/sass/public.scss";
</style>